html {
    font-size: 14px;
}

body {
    width: 100%;
    height: 100%;
    background: #1d2939;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

li,
p,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

label,
input {
    padding: 0;
    margin: 0;
}

.page-bg-block {
    width: 500px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
    margin: 230px auto;
    position: relative;
    -moz-box-shadow: 2px 2px 4px #626262;
    -webkit-box-shadow: 2px 2px 4px #626262;
    -ms-box-shadow: 2px 2px 4px #626262;
    -o-box-shadow: 2px 2px 4px #626262;
    box-shadow: 2px 2px 4px #626262;
}

.h440 {
    height: 440px;
}

.h480 {
    height: 480px;
}

.h710 {
    height: 710px;
}




/** 
 * add style by junmei for 2017-08-29
 */

.page-title {
    float: left;
    width: 68%;
    height: 30px;
    line-height: 30px;
}

.date-hook-box{
    float: left;
    width: 210px;
    height: 30px;
    line-height: 28px;
    border:1px solid #c1c1c1;
    border-radius:3px;
}

.add-but-block {
    float: left;
    width: 10%;
    height: 30px;
}

.add-buts,.export-buts{
    float: right;
    color: #FFF;
}

.add-buts:hover,.export-buts:hover{
    color: #FFF;
}

.space-box {
    clear: both;
}

.but-24ac45 {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #24ac45;
    border: 1px solid #1e8e39;
    border-radius: 2px;
    color: #FFF;
}

.but-0781ec{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	background:#0781ec;
	border:1px solid #066eca;
	border-radius:3px;
}


.ml1 {
    margin-left: 1px;
}
.ml2 {
    margin-left: 2px;
}
.ml3 {
    margin-left: 3px;
}
.ml4 {
    margin-left: 4px;
}
.ml5 {
    margin-left: 5px;
}
.ml6 {
    margin-left: 6px;
}
.ml7 {
    margin-left: 7px;
}
.ml8 {
    margin-left: 8px;
}
.ml9 {
    margin-left: 9px;
}
.ml10 {
    margin-left: 10px;
}

.mr1 {
    margin-right: 1px;
}

.mr2 {
    margin-right: 2px;
}

.mr3 {
    margin-right: 3px;
}

.mr4 {
    margin-right: 4px;
}

.mr5 {
    margin-right: 5px;
}

.mr6 {
    margin-right: 6px;
}

.mr7 {
    margin-right: 7px;
}

.mr8 {
    margin-right: 8px;
}

.mr9 {
    margin-right: 9px;
}

.mr10 {
    margin-right: 10px;
}

/**
 * store lsts by junmei for 2017-08-29
 */
.edit-store{margin:0 0 0 10px;}
.search-box{float:right;width:auto;height:30px;margin-right:4%;}
#search-keywords-box{float:left;width:230px;height:30px;line-height:30px;border:1px solid #c1c1c1;border-radius:3px 0 0 3px;padding:0 0 0 10px;border-right:none;}
.search-buts{display:block;float:left;width:80px;height:30px;line-height:30px;text-align:center;background:#24ac45;color:#FFF;border:1px solid 1px solid #1e8e39;border-radius:0 3px 3px 0;text-decoration:none;}
.search-buts:hover{color:#FFF;text-decoration:none;}

/**
 * step by junmei for 2017-08-30
 */

.step-bar{width:100%;height:70px;position:relative;}
.step-default-bg-bar{width:100%;height:10px;background:#DBDBDB;position:absolute;left:0;top:30px;}
.step-current-bg-bar{width:54%;height:10px;background:#077FE6;position:absolute;left:0;top:30px;}
.ste-bar-but-box{width:100%;height:60px;}
.step-bar-step1-box{display:block;width:80px;height:70px;position:absolute;left:20%;top:15px;}
.step-bar-step2-box{display:block;width:80px;height:70px;position:absolute;left:50%;top:15px;}
.step-bar-step3-box{display:block;width:80px;height:70px;position:absolute;left:80%;top:15px;}
.step-bar-step1{display:block;width:40px;height:40px;line-height:20px;text-align:center;background:#FFF;border:10px solid #077FE6;border-radius:50%;margin:0 0 0 20px;}
.step-bar-step2{display:block;width:40px;height:40px;line-height:20px;text-align:center;background:#FFF;color:#1CB841;border:10px solid #1CB841;border-radius:50%;margin:0 0 0 20px;}
.step-bar-step3{display:block;width:40px;height:40px;line-height:20px;text-align:center;background:#FFF;border:10px solid #DBDBDB;border-radius:50%;margin:0 0 0 20px;}
.step-bar-text{display:block;width:80px;height:30px;line-height:30px;text-align:center;font-size:16px;font-weight: bold;}
.step-content-block-box{width:100%;height:auto;margin:20px 0;}
.step-public-block-box{width:80%;margin:0 auto;}
.step-public-title-block{width:100%;height:50px;line-height:50px;border-bottom: 1px solid #c1c1c1;font-size:20px;}
.form-group-block-box{width:100%;}
.form-list-block-box{width:100%;height:40px;margin-bottom:20px;}
.form-list-block-box:first-child{margin-top:60px;}
.form-list-block-box:nth-child(1){margin-top:60px;}
.form-controller{float:left;width:15%;height:40px;text-align: right;line-height: 40px;font-size:14px;font-weight: bold;color:#62687e;padding:0 10px 0 0;}
.form-input-block{float:left;width:40%;height:40px;}
.form-input-block select{width:100%;height:38px;line-height: 38px;border:1px solid #c1c1c1;border-radius:3px;padding:0 0 0 10px;}
.form-input-block input{width:100%;height:38px;line-height: 38px;border:1px solid #c1c1c1;border-radius:3px;padding:0 0 0 10px;}
.select-time-buts{display:block;float:left;width:40px;height:38px;line-height:40px;text-align:center;}
#hook-time-but{display:block;float:left;width:50%;height:38px;border:none;}
.form-tip-block{float:left;width:45%;height:40px;line-height:40px;padding:0 0 0 10px;position:relative;font-size:12px;}
.buts-block-box{width:100%;height:40px;margin:100px 0 0 0;}
.save-buts{display:block;float:right;width:auto;height:40px;line-height:40px;padding:0 20px;background:#2d9af9;color:#FFF;border:1px solid #148ef8;border-radius:3px;margin:0 4px 0 0;}
.save-buts:hover{background:#0081f4;border-color:#0053cd;color:#FFF;text-decoration: none;}
.save-and-confirm-buts{display:block;float:right;width:auto;height:40px;line-height:40px;padding:0 20px;background:#30d357;color:#FFF;border:1px solid #29c14d;border-radius:3px;margin:0 4px 0 0;}
.save-and-confirm-buts:hover{background:#00b032;border-color:#008b02;color:#FFF;text-decoration: none;}
.callback-lists-buts{display:block;float:right;width:auto;height:40px;line-height:40px;padding:0 20px;background:#FFF;color:#333;border:1px solid #ccc;border-radius:3px;margin:0 200px 0 0;}
.callback-lists-buts:hover{background:#e6e6e6;color:#333;border-color:#a5a5a5;text-decoration: none;}
.creative-source-switch-buts{display:block;float:left;width:140px;height:40px;line-height: 40px;padding:0 0 0 30px;background:url('/resources/images/radio_bg.png') no-repeat 0 10px;}
.add-creative-block{width:100%;height:auto;display:none;}
.upload-creative-buts{display:block;float:right;width:100px;height:40px;line-height:40px;background:#09c8ff;color:#FFF;border:1 solid #00b9ef;border-radius:3px;text-align:center;position:absolute;left:600px;top:0;z-index:98;}
.upload-creative-buts:hover{background:#00a7da;border-color:#008cb5;color:#FFF;}
.creative-upload-show-box{width:100%;height:350px;border-bottom:1px solid #c1c1c1;}
.creative-material-default-img-block{width:100%;height:300px;}
.creative-material-default-img-link{width:100%;height:40px;line-height:40px;padding:0 0 0 120px;}
/*#upload-file-mske-layer{display:none;width:100%;height:100%;background:#313131;position:fixed;left:0;top:0;opacity:.8;filter:alpha(opacity:80);z-index:98;}*/
#upload-file-but{display:block;width:100px;height:40px;z-index:99;position:absolute;left:600px;top:0;opacity:0;filter:alpha(opacity:0);}

/**
 * launch
 */
.delete-buts{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#2d9af9;color:#FFF;border:1px solid #148ef8;border-radius:2px;}
.edit-buts{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#2d9af9;color:#FFF;border:1px solid #148ef8;border-radius:2px;margin:0 0 0 8px;}
.preview-buts{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#2d9af9;color:#FFF;border:1px solid #148ef8;border-radius:2px;margin:0 0 0 8px;}
.allocation-quota-buts{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#2d9af9;color:#FFF;border:1px solid #148ef8;border-radius:2px;margin:0 0 0 8px;}
.table-header-bloxk-box{width:100%;height:40px;background:#efefef;}
.select-all-buts{display:inline-block;width:80px;height:40px;line-height:40px;color:#636e7b;padding:0 0 0 10px;}
.delete-all-buts{display:inline-block;width:auto;height:40px;line-height:40px;color:#636e7b;margin-left:10px;padding:0 10px;}
.start-buts{display:inline-block;width:auto;height:40px;line-height:40px;color:#636e7b;margin-left:10px;padding:0 10px;}
.stop-buts{display:inline-block;width:auto;height:40px;line-height:40px;color:#636e7b;margin-left:20px;padding:0 10px;}
.sreach-block-box{display:inline-block;float:right;width:300px;height:40px;}
.sreach-block-box label{display:block;float:left;width:50px;height:30px;line-height:30px;margin:5px 0 0 0;}
.sreach-block-box input{display:block;float:left;width:150;height:30px;line-height:28px;border:1px solid #c1c1c1;border-radius:2px 0 0 2px;margin:5px 0 0 0;padding:0 0 0 5px;border-right:none;}
.sreach-block-box .launch-search-buts{display:block;float:left;width:60px;height:30px;line-height:30px;text-align:center;background:#0781ec;color:#fff;border:1px solid #0781ec;border-radius:0 2px 2px 0;margin:5px 0 0 0;}
.sreach-block-box .strategy-search-buts{display:block;float:left;width:60px;height:30px;line-height:30px;text-align:center;background:#0781ec;color:#fff;border:1px solid #0781ec;border-radius:0 2px 2px 0;margin:5px 0 0 0;}
.sreach-block-box .creative-search-buts{display:block;float:left;width:60px;height:30px;line-height:30px;text-align:center;background:#0781ec;color:#fff;border:1px solid #0781ec;border-radius:0 2px 2px 0;margin:5px 0 0 0;}

.select-buts{display:inline-block;width:auto;height:20px;line-height:20px;color:#636e7b;padding:0 0 0 10px;}
.preview-buts{margin: 0 0 0 8px;}

.icon-loading{display:none;}

/**
 * 分配配额
 */
.allocation-quota-popup-block{display:block;}

/**
 * home
 */
.home-body-fn-time-box{float:left;width:23%;height:40px;border:1px solid #c1c1c1;border-radius:3px;}
.home-body-fn-buts-box{float:right;width:40%;height:40px;}
.time-icon{display:block;float:left;margin:13px;}
#home-body-hook-time-but{display:block;width:100%;height:40px;line-height:40px;}


.report-select-shop-box{float:left;width:20%;height:30px;position:relative;border:1px solid #c1c1c1;border-radius:3px;}
.report-select-shop-box .select-brands-title{float:left;margin:0 0 0 10px;height:28px;line-height: 28px;}
.report-select-shop-box .select-brands-title{float:left;}
.report-select-shop-box .select-brands-but{float:left;}
.report-select-shop-box .brands-lists-block{width:101%;position:absolute;left:-1px;top:28px;background:#FFF;z-index:88;border:1px solid #c1c1c1;border-radius:3px;}
.report-select-shop-box .brands-lists-block:hover{cursor:pointer;}
.report-select-shop-box .brands-lists-block .brands-lists{width:100%;height:30px;line-height: 30px;padding-left:75px;}
.report-select-shop-box .brands-lists-block .brands-lists:hover{cursor:pointer;}

.report-select-target-but-box{float:left;width:20%;height:40px;line-height:40px;position:relative;border:1px solid #c1c1c1;border-radius:3px;margin:0 20px 0 0;}
.traget-values-box{width:101%;height:170px;position:absolute;left:-1px;top:38px;background: #FFF;z-index:99;border:1px solid #c1c1c1;border-radius:0 0 3px 3px;padding:20px 0 0 0;}
.target-value-option{display:block;float:left;width:30%;height:30px;line-height: 40px;padding:0 0 0 20px;}
.traget-values-box-header{width:100%;height:30px;line-height:30px;font-weight: bold;padding:0 0 0 1%;}
.traget-values-box-body{width:100%;height:60px;}
.traget-values-box-footer{width:100%;height:30px;line-height:30px;text-align: right;}

.report-data-table-buts-box{width:100%;height:40px;margin:0 0 20px 0;}
.report-query-buttons{display:block;float:left;width:140px;height:40px;line-height: 40px;border:1px solid #c1c1c1;color:#636e7b;border-radius:3px;text-align:center;margin:0 20px 0 0;}
.report-query-buttons:hover{color:#0781ec;}
.report-query-buttons:first-child{color:#FFF;background:#0781ec;border-color:#066eca;}
.report-query-buttons:nth-child(1){color:#FFF;background:#0781ec;border-color:#066eca;}

table th{font-family: 'Microsoft Yahei', Tahoma, Arial, STHeiti, 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important}